<template>
    <div class="g-bd">
        <div class="m-radio g-wrap">
            <RadioType :radioTypeData="radioTypeData"></RadioType>
            <div class="rditop clear-block">
                <RadioTopItem v-for="(item, index) in radioTopData" v-bind="item" :parentIndex="index"></RadioTopItem>
            </div>
            <RadioMore v-for="(item, index) in radioMoreData" v-bind="item" key="index" ></RadioMore>
        </div>
    </div>
</template>
<script setup>
    import radioTypeData from '@/json_data/dj_radio/radio_type.json';
    import RadioType from './components/RadioType.vue';
    import RadioTopItem from './components/RadioTopItem.vue';
    import radioTopData from '@/json_data/dj_radio/radio_top_data.json';
    import RadioMore from './components/RadioMore.vue';
    import radioMoreData from '@/json_data/dj_radio/radimore_data.json'
</script>

<style lang="scss">
    .rditop{
        margin-top: 10px;
    }   
</style>